<template>
  <div class="head">
    <ul>
      <li>
        <router-link to="/home">首页</router-link>
      </li>
      <li>
        <router-link to="/about">学习</router-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "globalHead"
};
</script>
<style scoped>
.head {
  text-align: center;
}
.head ul {
  font-size: 0;
}
.head li {
  width: 20%;
  display: inline-block;
  font-size: 16px;
}

</style>